.cl-wrapper {
  position: relative;
}

.cl-wrapper ul,
.cl-wrapper li {
  margin: 0;
  -moz-padding-start: 12px;
  -webkit-padding-start: 12px;
  list-style: none;
}

.cl-wrapper li>.cl-link.cl-link-active {
  color: rgba(66, 185, 131, 0.9);
  transition: .5s;
}

.cl-wrapper li>.cl-transform.cl-link-active {
  transform: translate(3px);
}

.cl-wrapper .cl-link {
  cursor: pointer;
  color: rgba(52, 73, 94, 0.5);
  font-size: 13px;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.cl-wrapper .cl-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.cl-wrapper .cl-marker path {
  transition: all 0.3s ease;
}

.content-sidebar-wrapper {
  display: flex;
}

/* 侧边栏 */
.sidebar-wrapper {
  z-index: 100;
}

.sidebar {
  position: fixed;
  height: 100%;
  width: 330px;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: #e9e9e9 solid 1px;
  overflow-x: hidden;
  overflow-y: auto;
}

.sidebar-item {
  min-height: 30px;
  line-height: 30px;
  padding: 0 40px 0 30px;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  transition-property: background-color;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
  color: #34495e;
  font-size: 15px;
  margin: 3px 0;
}

.content-wrapper {
  width: 100%;
  height: calc(100%);
  left: 0;
  padding-left: 330px;
  border-right: 40px lightblue;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
}

.cl-wrapper .cl-level-1 {
  font-size: 15px;
}

.content {
  padding-top: 1px;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}

body {
  font-family: "Microsoft YaHei", Helvetica, "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", "Monaco", monospace, Tahoma, STXihei, "华文细黑", STHeiti, "Helvetica Neue", "Droid Sans", "wenquanyi micro hei", FreeSans, Arimo, Arial, SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.content table {
  border-spacing: 0;
  font-size: 14px;
  border-collapse: collapse;
}

.content table td,.content table th {
  border: 1px solid #ddd;
  padding: 6px 13px;
}

.content table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.content table th {
  text-align: left;
}

.content pre {
  background: #f6f6f6;
  padding: 10px;
  border: 1px solid #ddd;
}

.content pre code {
  font-family: Helvetica;
  line-height: 24px;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.content p {
  font-size: 14px;
}